<!DOCTYPE HTML>
<html>
<head>
    <title>.:: Babosarang renewal ::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" language="javascript" src="js/jquery.js"></script>
    <script type="text/javascript" language="javascript" src="js/html5.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.banner.js"></script>
    <script type="text/javascript" language="javascript" src="js/common.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/shop.css" />
    <link rel="shortcut icon" href="img/favicon.ico">
</head>
<body>
    <header>
        <div class="container"><img src="img/header.jpg" /></div>
    </header>
    <section>
        <div class="container">
        
            <!-- Begin: Breadcrumb -->
            <dl class="breadcrumb mgb10">
                <span class="home"></span>홈<span class="cursor"></span><strong>아이디/비밀번호찾기</strong>
            </dl>
            <!-- End: Breadcrumb -->
            
            <!-- Begin: Top Title -->
            <div class="idpwd-top"><img src="img/member/find_idpwd_top_title.gif" /></div>
            <!-- End: Top Title -->
            
            <!-- Begin: Forms -->
            <dl class="mtab">
                <a href="find_id.htm" title=""><img src="img/member/tab_id_find_on.gif" /></a>
                <a href="find_pwd.htm" title=""><img src="img/member/tab_pwd_find.gif" /></a>
            </dl>
            <div id="idpwd_form">
                <!-- Begin: Top Tabs -->
                <table class="table-idpwd-tabs" cellspacing="0" cellpadding="0">
                    <colgroup>
                        <col width="201" />
                        <col width="5" />
                        <col width="201" />
                        <col width="5" />
                        <col width="201" />
                        <col width="5" />
                        <col width="*" />
                    </colgroup>
                    <tbody>
                        <tr height="88">
                            <td colspan="7" class="title"><img src="img/member/find_id_title.gif" /></td>
                        </tr>
                        <tr height="154">
                            <td class="ic"><div class="icon birth on" title="생년월일" onclick="show_ID_PWD_Form('birth')"></div></td>
                            <td class="ln" rowspan="2">
                                <img src="img/member/line_idpwd_ver.gif" />
                            </td>
                            <td class="ic"><div class="icon phone" title="휴대폰" onclick="show_ID_PWD_Form('phone')"></div></td>
                            <td class="ln" rowspan="2">
                                <img src="img/member/line_idpwd_ver.gif" />
                            </td>
                            <td class="ic"><div class="icon email" title="이메일" onclick="show_ID_PWD_Form('email')"></div></td>
                            <td class="ln" rowspan="2">
                                <img src="img/member/line_idpwd_ver.gif" />
                            </td>
                            <td class="ic"><div class="icon ipin" title="아이핀" onclick="show_ID_PWD_Form('ipin')"></div></td>
                        </tr>
                        <tr height="25">
                            <td class="nm"><img src="img/member/title_idpwd_tab_1.gif" /></td>
                            <td class="nm"><img src="img/member/title_idpwd_tab_2.gif" /></td>
                            <td class="nm"><img src="img/member/title_idpwd_tab_3.gif" /></td>
                            <td class="nm"><img src="img/member/title_idpwd_tab_4.gif" /></td>
                        </tr>
                    </tbody>
                </table>
                <!-- End: Top Tabs -->
                
                <!-- Begin: Contents -->
                <div class="contents">
                   <!-- Begin: Birth Form --> 
                   <div class="form" id="form_birth">
                        <ul class="item">
                            <li class="a1"><img src="img/member/txt_name.gif" /></li>
                            <li class="a2"><input type="text" name="" value="" class="w125" /></li>
                        </ul>
                        <ul class="item">
                            <li class="a1"><img src="img/member/txt_sex.gif" /></li>
                            <li class="a2">
                                <label for="rad_man"><input type="radio" name="sex" id="rad_man" value="" />남자</label>
                                <label for="rad_wman" class="mgl10"><input type="radio" name="sex" id="rad_wman" value="" />여자</label>
                            </li>
                        </ul>
                        <ul class="item">
                            <li class="a1"><img src="img/member/txt_birth.gif" /></li>
                            <li class="a2">
                                <select name="" class="w65 mgr5">
                                    <option value="">1982</option>
                                </select>년&nbsp;&nbsp; 
                                <select name="" class="w60 mgr5">
                                    <option value="">08</option>
                                </select>월 &nbsp;&nbsp;
                                <select name="" class="w60 mgr5">
                                    <option value="">08</option>
                                </select>일 &nbsp;&nbsp;
                                <select name="" class="w60">
                                    <option value="">양력</option>
                                </select>
                            </li>
                        </ul>
                       <div class="btndiv">
                            <input type="image" name="" value="" src="img/member/btn_idpwd_confirm.gif" title="확인" />
                        </div>
                    </div>
                   <!-- End: Birth Form --> 
                   
                   <!-- Begin: Phone Form --> 
                   <div class="form" id="form_phone" style="display: none">
                        <ul class="item">
                            <li class="a1"><img src="img/member/txt_name.gif" /></li>
                            <li class="a2"><input type="text" name="" value="" class="w125" /></li>
                        </ul>
                        <ul class="item">
                            <li class="a1"><img src="img/member/txt_phone.gif" /></li>
                            <li class="a2">
                                <select name="" class="w95">
                                        <option value="010">010</option>
                                </select><span class="hyphen"></span>
                                <input type="text" name="" value="" class="w85" /><span class="hyphen"></span>
                                <input type="text" name="" value="" class="w85" />
                            </li>
                        </ul>
                        <div class="btndiv">
                            <input type="image" name="" value="" src="img/member/btn_idpwd_confirm.gif" title="확인" />
                        </div>
                   </div>
                   <!-- End: Phone Form --> 
                   
                   <!-- Begin: Email Form --> 
                   <div class="form" id="form_email" style="display: none">
                        <ul class="item">
                            <li class="a1"><img src="img/member/txt_name.gif" /></li>
                            <li class="a2"><input type="text" name="" value="" class="w125" /></li>
                        </ul>
                        <ul class="item">
                            <li class="a1"><img src="img/member/txt_email.gif" /></li>
                            <li class="a2">
                                <input type="text" name="" value="" class="w125" /> @ 
                                <select name="" class="w135">
                                    <option value="직접입력">직접입력</option>
                                </select>
                            </li>
                        </ul>
                        <div class="btndiv">
                            <input type="image" name="" value="" src="img/member/btn_idpwd_confirm.gif" title="확인" />
                        </div>
                   </div>
                   <!-- End: Email Form --> 
                   
                   <!-- Begin: Ipin Form --> 
                   <div class="form" id="form_ipin" style="display: none">
                        <ul class="item">
                            <li>
                                <div class="ipin-txt"><img src="img/member/ipin_find_id_text.gif" /></div>
                            </li>
                        </ul>
                        <div class="btndiv">
                            <input type="image" name="" value="" src="img/member/btn_idpwd_ipin.gif" title="아이핀 인증" />
                        </div>
                   </div>
                   <!-- End: Ipin Form --> 
                </div>
                <!-- End: Contents -->
                
                <!-- Begin: Bottom Background -->
                    <div class="bot"><img src="img/member/bg_idpwd_bot.gif" /></div>
               <!-- Begin: Bottom Background -->
               
            </div>
            <!-- End: Forms -->
        </div>
        
        <br /><br /><br />
    </section>
    <footer>
        <div class="container"><img src="img/footer.jpg" /></div>
    </footer>
</body>
</html>